<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        div {
            color: blue;
            font-size: 30px;
        }

        p {
            background-color: brown;
        }
    </style>
</head>
<body>
    <div>css基础</div>

    <p>这是p标签</p>
</body>
</html>

<!-- 
    CSS含义 : Cascading  Style  Sheet , 被称之为层叠样式表 

    css可以分成两部分:
        选择器(选择符)
        声明,又可以分成两部分(属性和属性值)

    选择器 {
        属性: 属性值;
        属性2: 属性值2;
        属性3: 属性值3;
        ...
    }

    1. 基本语法有两个部分组成 : 选择器和样式声明 ( 样式规则 ) ;
    2. {}被称之为样式声明 , 声明中的属性和属性值使用冒号 ( : ) 链接 ; 
    3. 每一组属性和属性值结束后需要使用分号 ( ; ) 进行分割 ;
    4. 如果是最后一组属性和属性值 , 我们可以不用添加分号 , 但是我们推荐一定要进行添加 , 方便我们后续继续添加对应的修饰 ; 

 -->